<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>子代选择器</title>
		<style>
			/* 子代选择器: 功能: 只找父子级关系元素 
			语法: 任意选择器[父]>任意选择器[子]
			*/
		   .parent>span{
			   font-size: 50px;
		   }
		   /* 后代选择器  .parent span */
		</style>
	</head>
	<body>
		<div class="parent">
			<span>小米官网</span>
	    <div class="child">
		    <span>京东官网</span>
			</div>
		</div>
	</body>
</html>